<template>
  <view class="detail">
    <view class="detail_head">
      <view class="detail_head_center">
        <img-oss width="140rpx" height="140rpx" default-src="/static/images/icon_homeBg.png"></img-oss>
        <view class="detail_head_center-status">已预约</view>
      </view>
    </view>
    <view class="main detail_falls">
      <view class="detail_falls_solid"></view>
      <view class="detail_falls_value">
        <view class="detail_falls_value_box">
          <view class="detail_falls_value_box-title">预约详情</view>
          <view class="detail_falls_value_box_row">
            <view class="detail_falls_value_box_row-label">项目名称</view>
            <view class="detail_falls_value_box_row-value">小儿推拿</view>
          </view>
          <view class="detail_falls_value_box_row">
            <view class="detail_falls_value_box_row-label">宝宝姓名</view>
            <view class="detail_falls_value_box_row-value">宝宝姓名</view>
          </view>
          <view class="detail_falls_value_box_row">
            <view class="detail_falls_value_box_row-label">联系电话</view>
            <view class="detail_falls_value_box_row-value">15896359563</view>
          </view>
          <view class="detail_falls_value_box_row">
            <view class="detail_falls_value_box_row-label">15896359563</view>
            <view class="detail_falls_value_box_row-value">2025.01.11 09:00-10:00</view>
          </view>
          <view class="detail_falls_value_box_row">
            <view class="detail_falls_value_box_row-label">排序号</view>
            <view class="detail_falls_value_box_row-value">22</view>
          </view>
        </view>
      </view>
    </view>
    <fixed__bottom className="two">
      <nut-button plain type="info" shape="square" custom-color="#4c9cea" @click="handleBlack()">返回</nut-button>
      <nut-button type="info" shape="square" custom-color="#4c9cea" @click="handleClose()">取消预约</nut-button>
    </fixed__bottom>
  </view>
</template>

<script>
import Modal from "@/utils/Modal";

export default {
  data() {
    return {};
  },
  methods: {
    /** 取消预约 */
    handleClose() {
      Modal.confirm("是否取消预约").then((res) => {
        console.log(res)
      })
    },
    /** 返回 */
    handleBlack() {
      uni.navigateBack();
    }
  },
}
</script>

<style lang="scss" scoped>
@import "./detail.scss";
</style>
